<!-- 还款申请详情-->
<template>
  <view class="content">
	<view class="money-box">
		<view class="money-img">
			<view>还款金额</view>
			<view class="repayment-box">
				<text class="repayment-money">¥</text>
			  <input class="repayment-input" v-model="from.operatorCertificate" type="text" placeholder="请输入" />
			</view>
		</view>
	</view>
    <view class="list">
		  <view class="list-call">
			<text class="sl-tile">放款机构</text>
			<text class="sl-input">中国银行</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">到期日期</text>
			<text class="sl-input">2024-06-01</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">融资金额</text>
			<text class="sl-input">20,000,000.00</text>
		  </view>
		  <view class="list-call">
			<text class="sl-tile">融资期限</text>
			<text class="sl-input">362天</text>
		  </view>
		  <view class="list-call">
		  	<text class="sl-tile">融资利率</text>
		  	<text class="sl-input">5%</text>
		  </view>
		  <view class="list-call">
		  	<text class="sl-tile">融资利息</text>
		  	<text class="sl-input">2,024.00</text>
		  </view>
    </view>
	<view class="submit-box">
		<view class="submit-bottom" @tap="bindLogin">
			提交
		</view>
	</view>
  </view>
</template>

<script>
  var js;
  export default {
    onUnload() {
      clearInterval(js)
      this.second = 0;
    },
    data() {
      return {
		from: {
		bankName: '',
		  openingBank: '',
		  bankAccount: '',
		},
      };
    },
	mounted() {

	},
	onShow() {
	
	},
    methods: {
		bindLogin() {
		  uni.showModal({
		    title: '提示',
		    content: '确认资料填写无误!',
		    showCancel: true,
		    cancelText: '取消',
		    confirmText: '确认',
		    success: function (res) {
		      if (res.confirm) {
				uni.redirectTo({
					url: '/pages/clt/repayQuery'
				});
		      } else if (res.cancel) {
		        console.log('用户点击取消');
		      }
		    }
		  });
	  }
    }
  }
</script>

<style>
  .content {
    display: flex;
    flex-direction: column;
	height: 100%;
  }
  
  .list {
    display: flex;
    flex-direction: column;
    padding-left: 25rpx;
    padding-right: 25rpx;
	background: #ffffff;
  }
  .list-call {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 98rpx;
    color: #333333;
    border-bottom: 0.1rpx solid #e2e2e2;
  }
  .repayment-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 84rpx;
    color: #333333;
	width: 91%;
	margin-bottom: 22rpx;
    border-bottom: 0.1rpx solid rgba(100,45,19,1);
  }
  .repayment-money{
	font-size: 61rpx !important;
	color: #000000!important;
	font-weight: 400;
  }
  .repayment-input{
    flex: 1;
    text-align: left;
    font-size: 50rpx !important;
	color: #000000;
	font-weight: 400;
    margin-left: 16rpx;
  }
  .list-call .sl-input {
    flex: 1;
    text-align: right;
    font-size: 32rpx;
	color: #000000;
	font-weight: 400;
    margin-left: 16rpx;
  }
  .money-box{
	  padding-left: 25rpx;
	  padding-right: 25rpx;
	  display: flex;
	  flex-direction: column;
  }
  .money-img{
	  height: 238rpx;
	  background: #FFFFFF;
	  margin: 25rpx 0;
	  background-image: linear-gradient(132deg, #F3E2B3 0%, #ECD08E 100%);
	  border-radius: 16rpx;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-around;
	  align-items: self-start;
  }
  .money-img view{
	  margin-top: 15rpx;
	  font-size: 32rpx;
	  color: #000000;
	  font-weight: 600;  
		margin-left: 25rpx;
  }
  .money-img text{
	  margin-bottom: 15rpx;
	  font-size: 48rpx;
	  color: #642D13;
	  font-weight: 600;
	    margin-left: 25rpx;
  }
  .loaned{
	 font-size: 32px;
	 color: #15C000 !important;
	 letter-spacing: 0;
	 text-align: right;
	 font-weight: 600;
	}  
	.submit-box{
		position: fixed;
		bottom: 0; /* 固定在视口底部 */
		left: 0; /* 固定在视口左边 */
		height: 192rpx;
		width: 100%;
		background: #FFFFFF;
		box-shadow: 0rpx 7rpx 14rpx 0rpx rgba(60,92,170,0.06);
		display: flex;
		justify-content: center;
		align-items: center;
	} 
	 .submit-bottom{
		 height: 89rpx;
		 width: 670rpx;
		 line-height: 89rpx;
		background: #315EFB;
		border-radius: 49px;
		font-size: 32rpx;
		color: #FFFFFF;
		text-align: center;
		font-weight: 400;
	}
</style>
